@charset"utf-8";
@import"common/reset";
@import"common/common";
@function r($px) {
    @return $px/$font-size *1rem;
}

.jk {
    width: 100%;
    height: r(57px);
    margin-top: r(49px);
    .jk_1 {
        font-size: r(26px);
        a {
            width: r(123px);
            height: r(57px);
            display: inline-block;
            text-align: center;
            border-radius: 14px;
            border: 1px solid $color;
            color: #000000;
            margin-left: r(23px);
            line-height: r(57px);
        }
    }
    .jk_2 {
        font-size: r(26px);
        text-align: center;
        margin-top: r(15px);
    }
    .jk_3 {
        margin-right: r(21px);
        img {
            width: r(58px);
            height: r(44px);
        }
    }
}

.wq {
    width: 100%;
    margin-top:r(19px);
    .wq_1 {
        margin-left: r(22px);
        a {
            img {
                width: r(173px);
                height: r(172px);
                border-radius:r(172px);
            }
        }
    }
    .wq_2 {
        font-size: r(87px);
    }
    .wq_3 {
        display:inline-block;
        margin-top: r(33px);
        margin-left:r(27px);
        .pl_1 {
            a {
                font-size: r(30px);
                color: #000000;
                margin-top: r(33px);
            }
        }
        .pl_2 {
            margin-top:r(37px);
            a {
                font-size: r(26px);
                color: #9d9d9d;
            }
        }
    }
}
.jw{
    width: 100%;
    text-align: center;
    font-size:r(26px);
    margin-top: r(27px);
    margin-left:r(22px);
    .jw_1{
        width:27%;
        background:#b2e0a0;
        img{
            width:r(79px);
            height:r(82px);
            margin-top: r(19px);
           
        }
    }
    .jw_2{
        width:27%;
        margin-left:8%;
        background:#a0dce0;
        img{
            width:r(84px);
            height:r(82px);
            margin-top: r(19px);
           
        }
    }
    .jw_3{
        width:27%;
        margin-left:5%;
        background:#e0b7a0;
        img{
            width:r(127px);
            height:r(82px);
            margin-top:r(19px);
           
        }
    }
}
.yr{
    margin-top:r(33px);
    .yr_1{
        img{
            widows:r(56px);
            height: r(73px);
        }
        
    }
    .yr_2{
        a{
            height:r(71px);
            font-size:r(24px);
            color: #000000;
            line-height:r(71px);
            margin-right:r(21px);
            img{
                width:r(28px);
                height:r(29px);
                vertical-align: sub;
            }
        }
    }
    .yr_3{
        height: r(71px);
        font-size: r(26px);
        line-height:r(71px);
        margin-left:r(39px);
    }
}
.we{
    margin-top:r(36px);
    .we_1{
        margin-left:r(109px);
        a{
            width: r(148px);
            height: r(75px);
            display: inline-block;
            background: $color;
            color:#ffffff;
            font-size:r(24px);
            border-radius:20px;
            text-align: center;
            line-height:r(75px);
        }
    }
    .we_2{
        margin-right: r(102px);
        a{
            width: r(148px);
            height: r(75px);
            display: inline-block;
            background: $color;
            color:#ffffff;
            font-size:r(24px);
            border-radius:20px;
            text-align: center;
            line-height:r(75px);
        }
    }
}
footer {
    width: 100%;
    padding: r(17px) 0;
    ul {
        li {
            width: 25%;
            text-align: center;
            a {
                span {
                    img {
                        width: r(72px);
                    }
                }
                div {
                    color: #000000;
                }
            }
        }
    }
}
